<template>
  
    <div id="li">
    <el-menu  class="el-menu-demo" mode="horizontal" >
    <el-menu-item index="/yuangong" @click="dom='yuangong'"> 员工设置</el-menu-item>
  <el-menu-item index="/mendian"  @click="dom='mendian'">门店美食</el-menu-item>
  <el-menu-item index="/rizhi"  @click="dom='denglu'">员工登录日志</el-menu-item>

  <component :is='dom'></component>
</el-menu>
<div class="line"></div>
</div>
</template>

<script>
import denglu from './mendian/DengLu.vue'
import mendian from './mendian/MenDian.vue'
import yuangong from './mendian/YuanGong.vue'


export default {
   data(){
    return{
        dom:'yuangong'
    }
   },
    components:{
        denglu,
        yuangong,
        mendian,
    }
}
</script>
<style>

</style>